<!--选用英雄-->
<div class="player-used-hero p-m">

    <div class="p-m-c">
        <!--表头-->
        <ul class="data-li-table data-b-bottom data-bg data-w-auto">
            <li class="title-row">
                <div class="col col-1">选用英雄</div>
                <div class="col col-2">使用次数</div>
                <div class="col col-3 ">胜率</div>

                <div class="col col-5 flex-h-center">平均KDA</div>
                <div class="col col-6 flex-h-center">平均补刀@15</div>
                <div class="col col-7 flex-h-center">Carry 率</div>
                <div class="col col-8 flex-h-center">Troll/送头率</div>
            </li>
        </ul>

        <!--表数据-->
        <ul class="data-li-table data-b-bottom data-bg data-w-auto">
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span>钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
            <li>
                <div class="col col-1">
                    <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png" >
                    <span title="Peanut">钢铁大使</span>
                </div>
                <div class="col col-2 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span class="p-yellow"> 900</span>
                </div>
                <div class="col col-3 ">
                    <span class="bar" style="width: 100%;"></span>
                    <span> 50.55%(50)</span>
                </div>


                <div class="col col-5 flex-h-center">
                    <div class="p-text-center">
                        <p class="n1 p-yellow">4.7</p>
                        <p class="n2">2.6/2.1/3.8</p>
                    </div>

                </div>
                <div class="col col-6 flex-h-center"><span class="">173</span></div>
                <div class="col col-7 flex-h-center"><span class="">8%</span></div>
                <div class="col col-8 flex-h-center"><span class="">36%</span></div>
            </li>
        </ul>

        <div class="ajax-loading flex-abs-mid "><img src="/res/images/cont/loaing.gif" /></div>
    </div>
</div>